@font-face
  font-family digi
  src url(../font/Digital.ttf)

html
  font-size 16px

body
  margin 0
  overflow hidden
  user-select none
  font-family 'MicroSoft Yahei', '黑体', sans-serif

#wrap
  background url(../img/bgz.png) no-repeat
  background-size 100% 100%
  background-position center
  height 100vh
  &.ecart1
    background url(../img/ecart0.png) no-repeat
    background-size 100% 100%
  &.ecart2
    background url(../img/ecart1.png) no-repeat
    background-size 100% 100%

#webgl-bg-round
  height 200vh
  width 200vh
  position absolute
  top -46vh
  left calc(50vw - 100vh)
  mix-blend-mode screen
  opacity .4
  transition opacity 2s ease, transform 2s ease
  display none
  &.moveRight
    // transform translateY(calc(50vw + 15vh))
    
    transform translateY(-75vh)
  &.fadeTop
    opacity 0
  >.bg
    width 100%
    height 100%
    background url(../img/radial_layers_medium.jpg) no-repeat
    background-size 80%
    background-position center

#app
  height 1080px
  transform-origin 0 0
  position absolute
  top 0
  left 0

#head-left
  position absolute
  top 12px
  left 15px
  z-index 1000

#head-right-search
  position absolute
  top 45px
  right 10px
  height 47px
  width 352px
  box-sizing border-box
  border-style solid
  border-width 5px 54px 8px 34px
  border-image url(../img/head-search.png) 5 54 8 34 fill
  transition all 1s ease
  input
    display block
    height 34px
    color #9ab0f7
    font-size 18px
    border 0
    width 100%
    background transparent
    outline none
  .searchbtn
    position absolute
    right -44px
    top 0
    width 38px
    height 38px
    border-radius 18px
    background transparent
    cursor pointer

#head-right-search.center
  width 622px
  right calc(50% - 311px)
  
.head-right-time
  position absolute
  font-family 'MicroSoft Yahei', '黑体', sans-serif
  top 90px
  right 40px
  color #9ab0f7
  text-align right
  z-index 1000
  .date
  .week
    font-size 20px
  .time
    font-family 'digi'
    font-size 60px
    line-height 50px
    letter-spacing 5px

.back-btn
  position absolute
  top 163px
  left 63px
  cursor pointer
  
.m-page
.m-overtop
  display none

#webgl-content
  position absolute
  top 0
  left 0
  width 100vw
  height 100vh
  transition opacity 2s ease, transform 2s ease
  &.moveRight
    transform translateY(-75vh)
  &.fadeTop
    opacity 0

#star-bg
  position absolute
  left -30vh
  bottom 0
  mix-blend-mode screen
  transition all 2s ease
  &.hide
    opacity 0
    visibility hidden
    transform translateX(-50vw)
  >.bg
    transition opacity 1.3s ease 
    &.hide
      opacity 0
    >.img
      height 70vh
      width 140vh
      transform rotate(45deg)
      opacity .5
      background url(../img/stars.jpg) no-repeat
      background-size cover
      mask-image radial-gradient(black 60%, transparent 80%)